// JavaScript Document
$(document).ready(function(e) {
    $(window).load(function(){
		
	
$('.header-bottom>p').mouseover(function(){
	$('.indexNavL').css('display','block');
	$('.indexNavL p').mouseover(function(){
		$('.indexNavC').css('left',220)
		})
	$('.indexNavC').mouseout(function(){
		$('.indexNavL').css('display','none');
	
		});
	})
$('.listMainL1>li ul').slideUp();
$('.listMainL1>li').click(function(){
	$(this).children('ul').slideToggle()
	})


function buju(){
	var num=$('.listMainR dl').size();
	for(var i=0;i<num;i++){
		$('.listMainR dl').eq(i).css({left:(i%4)*255,top:parseInt(i/4)*420});
		$('.listMainR dl dd').eq(i).append('<p class="p4">加入购物车</p>');
		
		}
		
	$('.listMainR dl dd>.p4').click(function(eve){
		if(getCookie('zidong')){
		var e=eve||window.event;
		var x=e.clientX;
		var y=e.clientY;
		var src=$(this).parents('dl').children('dt').children('a').children('img').attr('src')//获取此商品的图片路径
	  
		var img=document.createElement('img');//----------创建图片节点，设置动画效果------------------
		img.src=src;
		$(img).css({width:220,position:'fixed',left:x-110,top:y-250});
		document.body.appendChild(img);
		$(img).animate({left:1300,top:300,width:0},1000);
		//----------------以上为动画效果--------------------------
		var carNum=$('#carnum').html();
		carNum=parseInt(carNum)+1;
		$('#carnum').html(carNum);
		$('#bodyRightCarNum').html(carNum);	
		//-------------以上为购物车数量变化代码-------------------------	
		
		var price=$(this).parent('dd').children('.p2').children('.span1').html();
		var prodectName=$(this).parent('dd').children('.p1').html();//获取商品名字
		var img=document.createElement('img');
		img.src=src;
		var dl=document.createElement('dl');//-------创建dl节点-----------------
		var dt=document.createElement('dt');
		dt.appendChild(img)
		var dd=document.createElement('dd');
		dd.innerHTML=prodectName+' x '+price;
		dl.appendChild(dt);
		dl.appendChild(dd);
		$('.bodyRightCar').append($(dl));
		//以上为左边栏的显示效果
		
		if(getCookie('shopingCarNum')){
		var shopingCarNum=getCookie('shopingCarNum');
		shopingCarNum=parseInt(shopingCarNum)+1
		setCookie(shopingCarNum,'[{src:"'+src+'",name:"'+prodectName+'",num:"'+1+'",price:"'+price+'"}]',10)
		setCookie('shopingCarNum',shopingCarNum,10)
		}
		else{
			setCookie('shopingCarNum',0,10);
		
			setCookie(0,'[{src:"'+src+'",name:"'+prodectName+'",num:"'+1+'",price:"'+price+'"}]',10)
			
			}
		
		}
		
		else{
			alert('请先登录，才能买东西哦')
			}
	
	//---------------以上为右边购物车内部变化效果代码-----------------------------------
	
	
		
		})
	
	
	}
buju();

$('.listMainR dl').mouseover(function(){
	var num=$('.listMainR dl').index($(this))
	
	$(this).css({border:'5px solid rgb(227,25,57)',height:'410px'});
	
	$('.listMainR dl').eq(num).mouseout(function(){
		$('.listMainR dl').eq(num).css({border:'1px solid #ccc',height:'378px'})
		
		
		})
	})




	
		
		
		
		
		
		
		
		
	if(getCookie('shopingCarNum')){
		var num=getCookie('shopingCarNum');
		var obj=[];
		var sum=0;
		
		for(var i=0;i<=num;i++){
			
			obj[i]=eval(getCookie(i));
			sum+=parseInt(obj[i][0].num);
			var dl=document.createElement('dl');
			var dt=document.createElement('dt');
			var dd=document.createElement('dd');
			var img=document.createElement('img');
			var src=obj[i][0].src;
			
			img.src=src
			
			dt.appendChild(img);
			dd.innerHTML=obj[i][0].name+' x '+obj[i][0].price;
			dl.appendChild(dt);
			dl.appendChild(dd);
			$('.bodyRightCar').append($(dl))
			}
		$('#bodyRightCarNum').html(sum);
		$('#carnum').html(sum)
		
		}
	
	//以上为初始话网页时，右边购物车动态效果	
		
		
	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		
		
		
		
		})
});





















































